<?php

//add AJAX script into view page
$document =& JFactory::getDocument();

//add javascript
$js1 = JURI::base().'components/com_nv/assets/js/prototype.js';
$js2= JURI::base().'components/com_nv/assets/js/scriptaculous.js?load=effects,builder';
$js3 = JURI::base().'components/com_nv/assets/js/lightbox.js';

//add css
$css1 = JURI::base().'components/com_nv/assets/css/lightbox.css';

/*
//insert css and js into page
$document->addScript($js1);
$document->addScript($js2);
$document->addScript($js3);
$document->addStyleSheet($css1,"text/css","screen");
*/

?>

<script type="text/javascript" src="<?echo $js1 ?>"></script>
<script type="text/javascript" src="<?echo $js2 ?>"></script>
<script type="text/javascript" src="<?echo $js3 ?>"></script>

<link rel="stylesheet" href="<?echo $css1 ?>" type="text/css" media="screen" />





<div class="componentheading">Flickr Mashup</div>

<div>
<? foreach($this->data as $flickr)
{ ?>
  
  <a href="<? echo $flickr->url ?>" rel="lightbox[gallery]" title="<? echo $flickr->title ?>" >
  <img src="<? echo $flickr->thumbnail ?>" alt="<? echo $flickr->title ?>" /> </a>
  
  <? }?>
</div>

   


